<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2024/1/12
  Time: 11:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--1. 引入jquery--%>
<script src="/webjars/jquery/3.6.4/jquery.min.js"></script>
<%--2. 引入bootstrap--%>
<link rel="stylesheet" href="/webjars/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="/webjars/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<html>
<head>
    <title>从监听器中取得学生列表信息</title>
    <style>
        .table{
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3>学生列表（Serlvet+Mytais+WebJars+Maven开发）</h3>
            </div>

                <table class="table table-hover table-striped">
                    <tr>
                        <td>学号</td>
                        <td>姓名</td>
                        <td>性别</td>
                        <td>年龄</td>
                        <td>住址</td>
                        <td>班级编号</td>
                    </tr>
                    <c:forEach items="${students}" var="stud">
                    <tr >
                        <td>${stud.sid}</td>
                        <td>${stud.sname}</td>
                        <td>${stud.sex}</td>
                        <td>${stud.age}</td>
                        <td>${stud.addr}</td>
                        <td>${stud.cid}</td>
                    </tr>
                    </c:forEach>
                </table>


            <!-- Table -->
            <div class="panel-footer text-right">
                 合众2024.
            </div>
        </div>
    </div>

</body>
</html>
